<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8" />
  <title>我的购物车</title>
  <!-- 引入car css -->
  <link rel="stylesheet" href="../css/car.css" />
  <!-- 先引入jquery  -->
  <script src="../js/jquery.min.js"></script>
  <!-- 在引入我们自己的js文件 -->
  <script src="../js/car.js"></script>
  <!-- 字体图标 -->
  <link rel="stylesheet" href="../fonts-d/iconfont.css" />

  <link rel="stylesheet" href="../css/comm_top.css" />
  <link rel="stylesheet" href="../css/comm_font.css" />
</head>

<body>
  <div class="all-top">
    <div class="w1200">
      <!-- 左边 -->
      <div class="fl">
        <div class="map fl">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-icon-map"></use>
          </svg>
          <span>北京市</span>
          <div class="dingwei">
            <div class="ding-title">
              <a href="">苏州市</a>
              <a href="">北京市</a>
              <a href="">天津市</a>
              <a href="">上海市</a>
            </div>
          </div>
        </div>

        <div class="top-fl-tex">
          <a href="login.html" class="red">请登录</a>
          <a href="register.html">免费注册</a>
        </div>
      </div>
      <ul class="fr">
        <li>
          <a href="">我的订单</a>
        </li>
        <li class="spacer">|</li>
        <li>
          <a href="">我的浏览</a>
        </li>
        <li class="spacer">|</li>
        <li>
          <a href="">我的收藏</a>
        </li>
        <li class="spacer">|</li>
        <li>
          <a href="">客户服务</a>
        </li>
        <li class="spacer">|</li>
        <li>
          <div>
            网站导航
            <i></i>
          </div>
          <div class="daohang">
            <dl class="fore1 fl">
              <dt>特色主题</dt>
              <dd class="fl">
                <a href="">男装女装</a>
                <a href="">鞋靴箱包</a>
              </dd>
            </dl>
            <dl class="fore2 fl">
              <dt>促销活动</dt>
              <dd class="fl">
                <a href="">拍卖活动</a>
                <a href="">共创商品</a>
                <a href="">积分商城</a>
                <a href="">CMS频道</a>
                <a href="">优惠活动</a>
                <a href="">超值礼包</a>
                <a href="">优惠券</a>
                <a href="">礼品卡</a>
                <a href="">预售商品</a>
              </dd>
            </dl>
          </div>
        </li>
      </ul>
    </div>
  </div>
  <div class="header">
    <div class="w1200 w">
      <div class="logo fl">
        <a href="../index.html">
          <img src="https://x.dscmall.cn/storage/images/common/shop_logo.gif" alt="" />
        </a>
      </div>

      <div class="gouwula">
        <a href="">
          <span>购物车</span>
          <em>(0)</em>
        </a>
      </div>
    </div>
  </div>

  <div class="c-container">
    <div class="w">
      <div class="cart-filter-bar">
        <em>全部商品</em>
      </div>
      <!-- 购物车主要核心区域 -->
      <div class="cart-warp">
        <!-- 头部全选模块 -->
        <div class="cart-thead">
          <div class="t-checkbox">
            <input type="checkbox" name="" id="" class="checkall" /> 全选
          </div>
          <div class="t-goods">商品</div>
          <div class="t-price">单价(元)</div>
          <div class="t-num">数量</div>
          <div class="t-sum">小计</div>
          <div class="t-action">操作</div>
        </div>

        <!-- 商品详细模块 -->
        <div class="cart-item-list">
          
        </div>
         
        <!-- 结算模块 -->
        <div class="cart-floatbar">
          <div class="select-all">
            <input type="checkbox" name="" id="" class="checkall" />全选
          </div>
          <div class="operation">
            <a href="javascript:;" class="remove-batch"> 删除选中的商品</a>
            <a href="javascript:;" class="clear-all">清理购物车</a>
          </div>
          <div class="toolbar-right">
            <div class="amount-sum">已经选<em>1</em>件商品</div>
            <div class="price-sum">总价： <em>￥12.60</em></div>
            <div class="btn-area">去结算</div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <script src="../js/indexjson.js"></script>
</body>

</html>